<template>
  <div class="home-total">
    <YituoHead />
    <YituoCarousel :list="carousels" type="dot" />
    <ValueComponent />
    <Marketing />
    <YituoFeatures title="为什么选择亿拓？" :statistics="statistics" :list="features" />
    <YituoAbilities title="深耕细分行业，提供更加垂直的行业解决方案" bgImg="img/banner1.png" :list="abilities" />
    <YituoBrands title="合作品牌" desc="助力全球的品牌，无论是大品牌还是中小客户，亿拓致力于通过产品和服务，助力企业向数字化转型。" :list="brands" />
    <Case />
    <Footer />
  </div>
</template>

<script>
import YituoHead from '../../components/head.vue';
import YituoCarousel from '../../components/carousel.vue';
import YituoFeatures from '../../components/features.vue';
import YituoBrands from '../../components/brands.vue';
import YituoAbilities from '../../components/abilities.vue';
import ValueComponent from "../../components/valueComponent.vue";
import Marketing from "../../components/marketing.vue";
import Case from "../../components/case.vue";
import Footer from "../../components/footer.vue";
export default {
  name: "Home",

  components: {
    YituoHead,
    YituoCarousel,
    YituoFeatures,
    YituoBrands,
    YituoAbilities,
    ValueComponent,
    Marketing,
    Case,
    Footer
  },

  data() {
    return { 
      carousels: [
        { src: 'img/banner1.png', desc: 'banner1' },
        { src: 'img/banner2.png', desc: 'banner2' },
        { src: 'img/banner3.png', desc: 'banner3' },
        { src: 'img/banner4.png', desc: 'banner4' },
      ],
      statistics: [
        { number: '99.9', numberStyle: { fontFamily: 'DINAlternate-Bold', fontSize: '68px' }, unit: '%', unitStyle: { fontFamily: 'DINAlternate-Bold', fontSize: '42px' }, desc: '系统可用' },
        { number: '64,000', numberStyle: { fontFamily: 'DINAlternate-Bold', fontSize: '68px' }, unit: '笔', unitStyle: { fontFamily: 'PingFangSC-Regular', fontSize: '20px' }, desc: '每秒处理订单数' },
        { number: '200', numberStyle: { fontFamily: 'DINAlternate-Bold', fontSize: '68px' }, unit: '<-毫秒', unitStyle: { fontFamily: 'PingFangSC-Regular', fontSize: '20px' }, desc: '服务平均响应' },
      ],
      features: [
        { icon: 'img/ic_aq.png', label: '安全稳定', desc: '专属数据密钥，新型加密技术，高级加密协议标准API接口以及私有化部署服务。从源头保护企业数据安全' },
        { icon: 'img/ci_cp.png', label: '产品研发实力', desc: '强大的研发实力，安全稳定可靠的系统支持来自互联网优秀的技术研发团队，打造安全稳定智能的系统' },
        { icon: 'img/ic_zh.png', label: '智慧高效', desc: '大数据和人工智能技术，为您提供BI报表，智能客服，精准会员营销等，亿拓SCRM助您提升数字化运营能力' },
      ],
      brands: [
        { src: 'img/ic_aq.png' },
      ],
      abilities: [
        { label: '金融', icon: 'img/ic_5.1.png', subtitle: '提高加粉率，提升客户满意度', desc: '实现公众号后台与员工企业微信联动，增加用户触点，加粉率提高45%，拓宽银行业务场景，提升客户服务便捷度和满意度。', imgs: ['img/ic_zh.png', 'img/ic_zh.png'] },
        { label: '交易', icon: 'img/ic_5.2.png', subtitle: '提高加粉率，提升客户满意度', desc: '实现公众号后台与员工企业微信联动，增加用户触点，加粉率提高45%，拓宽银行业务场景，提升客户服务便捷度和满意度。', imgs: ['img/ci_cp.png', 'img/ci_cp.png'] },
        { label: '医美', icon: 'img/ic_5.3.png', subtitle: '提高加粉率，提升客户满意度', desc: '实现公众号后台与员工企业微信联动，增加用户触点，加粉率提高45%，拓宽银行业务场景，提升客户服务便捷度和满意度。', imgs: ['img/ci_cp.png', 'img/ci_cp.png'] },
        { label: '电商', icon: 'img/ic_5.4.png', subtitle: '提高加粉率，提升客户满意度', desc: '实现公众号后台与员工企业微信联动，增加用户触点，加粉率提高45%，拓宽银行业务场景，提升客户服务便捷度和满意度。', imgs: ['img/ci_cp.png', 'img/ci_cp.png'] },
        { label: '零售', icon: 'img/ic_5.5.png', subtitle: '提高加粉率，提升客户满意度', desc: '实现公众号后台与员工企业微信联动，增加用户触点，加粉率提高45%，拓宽银行业务场景，提升客户服务便捷度和满意度。', imgs: ['img/ci_cp.png', 'img/ci_cp.png'] },
      ]
    }
  }
};
</script>

<style lang="scss" scoped>
.home-total {
  width: 100%;
}
</style>